<template>
	<view class="bg">
		<u-time-line>
			<u-time-line-item v-for="(item,index) in dataArr" :key='index'>
				<template v-slot:content>
					<view>
						<view class="u-order-title">{{item.createTime}}</view>
						<view class="u-order-desc">{{item.createBy}} 将 “{{item.fields}}”, 由 {{item.oldValue }} 改成 {{item.newValue}} </view>
					</view>
				</template>
			</u-time-line-item>
		</u-time-line>
	</view>
</template>

<script>
	import { xmglLsjl } from "@/request/zdxm.js"
	export default {
		data() {
			return {
				id: null,
				dataArr: []
			}
		},
		onLoad(option) {
			this.id = option.id
			this.xmglLsjl()
		},
		methods:{
			xmglLsjl(){
				xmglLsjl({
					updKey: this.id,
					pageNo: '1',
					pageSize: '999'
				})
				.then((res)=>{
					this.dataArr = res.data.result.records
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.u-node {
		width: 44rpx;
		height: 44rpx;
		border-radius: 100rpx;
		display: flex;
		justify-content: center;
		align-items: center;
		background: #d0d0d0;
	}
	
	.u-order-title {
		color: #333333;
		font-weight: bold;
		font-size: 32rpx;
	}
	
	.u-order-desc {
		color: rgb(150, 150, 150);
		font-size: 28rpx;
		margin-bottom: 6rpx;
	}
	
	.u-order-time {
		color: rgb(200, 200, 200);
		font-size: 26rpx;
	}
</style>